<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    {% block header %}
        <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
        <meta name="author" content="SeVenDEUCE" />
        <meta name="description" content="SeVenDEUCE's blog site" />
        <meta name="keywords" content="blog" />
        <meta name="robots" content="index, follow, noarchive" />
        <meta name="googlebot" content="noarchive" />
        <title>SeVenDEUCE Blog</title>
    {% endblock %}
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    {% block scripts %}
    {% endblock %}
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/SimpleBlog.css" />
    {% block styles %}

    {% endblock %}

</head>

<body>
<!-- Wrap -->
<div id="wrap">

    <!-- Header -->
    <div id="header">
        {% block site_title %}
            <h1 id="logo">SeVen<span class="gray">DEUCE</span></h1>
            <h2 id="slogan">Always play the game not your hand</h2>
        {% endblock %}
        <div id="searchform">
            <form method="get" class="search" action="{%  url blog-search %}" >
                <p><input name="q" class="textbox" type="text" />
                    <input name="search" class="button" type="submit" value="search" /></p>

            </form>
        </div>
    </div>

    <!-- menu -->
    <div id="menu">
        <ul>
            {% block site_nav %}
                <li id="current"><a href="/blog/"><span>Blog</span></a></li>

            {% endblock%}
        </ul>
    </div>

    <!--Content Wrap -->
    <div id="content-wrap">

        <div id="main">
            {% block content %}

            {% endblock %}
        </div>

        <div id="sidebar">
            {% block sidebar %}
                <h1>Sidebar Menu</h1>
                <ul class="sidemenu">
                    <li><a href="#">Home</a></li>
                </ul>

                <h1>Please Feed My Fishes</h1>
                <div id="gadgetSWF" stype="padding:10px">
                    <embed type="application/x-shockwave-flash"
                           src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf"
                           width="100%" height="150" id="flashID" name="flashID" bgcolor="#F0F7FF" quality="high"
                           scale="noscale" salign="tl" flashvars="up_backgroundColor=F0F7FF" wmode="opaque">
                </div>

                <h1>Wise Words</h1>
                <p>&quot;Be not afraid of life. Believe that life is worth living,
                    and your belief will help create the fact.&quot; </p>

                <p class="align-right">- William James</p>

                <h1>Support Styleshout</h1>
                <p>If you are interested in supporting my work and would like to contribute, you are
                    welcome to make a small donation through the
                    <a href="#">donate link</a> on my website - it will
                    be a great help and will surely be appreciated.</p>
            {% endblock %}
        </div>

        <!--End content-wrap-->
    </div>

    <!-- Footer -->
    <div id="footer">
        {% block footer %}
            <p>
                &copy; 2013 SeVenDEUCE &nbsp;&nbsp;
                <a href="/blog/" title="blog">BLOG</a> by <a href="/blog/">SeVenDEUCE</a>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                <a href="#">Home</a> |
                <a href="#">Sitemap</a>

            </p>
        {% endblock %}
    </div>

    <!-- END Wrap -->
</div>

</body>
</html>
